* {
    margin: 0;
    font-family: 'Arimo', sans-serif;
    color: #222222;
    font-size: 12.5px;
    word-spacing: 5px;
    line-height: 140%;
}
body{
    background-color:#d2d1d0;
    background-image: url('../images/bg002.png');
    background-repeat: repeat;
    margin: 0 auto;
}
#header {
    position: relative;
    background-image: url('../images/bg001.png');
    background-repeat: repeat;
    box-shadow: 0px 3px 5px #555555;
    margin-bottom: 20px;
    min-width: 960px;
    top: -30px;
    margin: 0 auto;
}
#search_form {
    float: right;
    margin-right: 6%;
    margin-top: 1.7%;
}
#banner_wrapper {
    margin: 0 auto;
    width: 960px;
}
.balancer {
    clear: both;
}
#body_wrapper {
    position: absolute;
    width: 100%;
    height: 86%;
}
#wrapper {
    margin: 0 auto;
    width: 960px;
}
#content_wrapper {
    border: solid 1px;
    display: inline-block;
    width: 450px;
}
#banner_wrapper {
    padding-bottom: 10px;
}
#banner {
    position: relative;
    margin: 0 auto;
    width: 100%;
}
#banner #page_title {
    color: #f7f7f7;
    font-family: 'Kaushan Script', sans-serif;
    font-size: 40px;
    letter-spacing: 1px;
    position: relative;
    text-shadow: 2px 3px #555555;
    background-image: url('../images/bg001.png');
    border-radius: 0px 0px 40px 40px;
    padding-right: 25px;
    padding-left: 20px;
    padding-bottom: 10px;
    width: 40%;
    top: 65px;
    left: 30%;
    box-shadow: 0px 10px 7px -7px #555555;
    font-weight: normal;
    z-index: 2;
}
#line {
    position: relative;
    top: 29px;
    border-bottom: thin solid white;
    z-index: 1;
}
#nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#nav ul li {
    display: block;
    position: relative;
    float: left;
    margin-right: 5px;
    z-index: 2;
}
#nav li ul {
    display: none;
}
#nav ul li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    padding: 5px 15px 5px 15px;
    white-space: nowrap;
    font-family: 'Federo', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: bolder;
}
#nav ul li a:hover {
background: #3b3b3b;
}
#nav li:hover ul {
    display: block;
    position: absolute;
    z-index: 1;
}
#nav li:hover li {
    float: none;
    font-size: 11px;
}
#nav li:hover a { background: #3b3b3b; }
#nav li:hover li a:hover {
    background: #1e7c9a;
}
.header_title {
    position: relative;
    font-family: 'Kaushan Script', sans-serif;
    font-size: 30px;
    color: #c7c7c7;
    top: 0;
    display: block;
    font-weight: bolder;
}
#home_dash{
    position: relative;
    padding-top: 10px;
    margin-bottom: 50px;
}
#home_dash, #achievements, #programs, #grad {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    min-height: 410px;
    background: white;
    border-radius: 3px 3px 0 0;
}
#abt {
    left: 3px;
}
#ach {
    margin-bottom: 10px;
}
#achievements {
    margin-bottom: 173px;
}
#undergraduate, #graduate, #abt {
    margin-top: 10px;
    color: #3f8c7b;
    text-shadow: 1px 1px #666666;
}
.prog_offered{
    margin-left: 2%;
    font-size: 16px;
    padding-top: 15px;
    font-weight: bold;
}
#home_dash, #scis, #achievements, #program, #programs, #grad, #subscribable_groups_id, #one_group_div {
    box-shadow: 3px 3px 5px #555555;
}
#tile1,#tile2,#tile3{
    line-height:18px;
    text-align: left;
    font-size: 13px;
    color: #777777;
    margin-top: 30px;
    background: white;
}
#tile2,#tile3{
    margin-bottom: 20px;
}
#tile1 h1,#tile2 h1,#tile3 h1{
    font-family: 'Open Sans Condensed', sans-serif;
    margin-bottom: 10px;
    padding: 0 0 5px 20px;
    font-size: 15px;
}
#tile1 p,#tile2 p,#tile3 p{
    padding: 0 20px 10px 20px;
}
#tile3 span{
    display: block;
}
#tile3 span:first-child{
    font-weight: bold;
}
#tile1{
    margin-top: 20px;
    width: 90%;
    margin-left: 40px;
}
#tile2{
    float: left;
    width: 43%;
    margin-left: 40px;
}
#tile3{
    float: right;
    width: 43%;
    margin-right: 40px;
    padding-top: 5px;
}
#home_body #home_nav, #program_body #programs_nav, #authenticated_all_post 
#bulletin_nav, #authenticated_all_bulletin_post #bulletin_nav,
#authenticated_filter_all_post #bulletin_nav, #authenticated_filter_all_bulletin #bulletin_nav, 
#authenticated_filter_all_group #bulletin_nav, #authenticated_profile #profile_nav,
#authenticated_all_group_post #bulletin_nav, #authenticated_groups #groups_nav, 
#home_body #scis_nav, #program_body #scis_nav, #admin_post #post, #admin_create #post,
#admin_pending #post, #admin_reject #post, #admin_draft #post, #admin_users #user,
#admin_upload_user #user, #admin_reg_stud #user, #admin_reg_admin #user,
#admin_reg_emp #user, #admin_group #group, #admin_preview_post #post {
    background: #3b3b3b;
}
#authenticated_all_post #side_menu_posts, #authenticated_all_bulletin_post 
#side_menu_bulletin, #authenticated_all_group_post #side_menu_group, 
#authenticated_filter_all_post #side_menu_posts, #authenticated_filter_all_bulletin 
#side_menu_bulletin, #authenticated_filter_all_group #side_menu_group {
    font-weight: bold;
    text-decoration: underline;
}
#admin_users #user_list, #admin_upload_user #reg_upload, #admin_reg_stud #reg_stud,
#admin_reg_emp #reg_emp, #admin_reg_admin #reg_admin, #admin_post #admin_post_published,
#admin_create #admin_post_new, #admin_pending #admin_post_pending, #admin_reject 
#admin_post_reject, #admin_draft #admin_post_draft, #admin_preview_post 
#admin_post_published {
    font-weight: bold;
}
/*-----------------------------Authenticated Page-----------------------------*/
#subscribed_groups_id a, subscribable_groups_id a {
    text-decoration: none;
    color: black;
}
#confirm_wrapper {
    margin: 7% auto;
    width: 80%;
    background-color: white;
    padding: 15px;
    text-align: center;
}
.p_confirm_message, .p_confirm_message a {
    font-size: 17px;
    margin-bottom: 13px;
    letter-spacing: .7px;
    word-spacing: 2px;
}
#password_div {
    display:block;
    margin: 20px;
    padding: 8px;
    background-color: #fbc9c9;
}
#group_password_div {
    display:block;
    margin: 20px;
    padding: 8px;
    background-color: #dcf4ce;
}
#lblPassword, #txtPassword {
    font-size: 17px;
}
#txtPassword {
    padding: 5px;
}
#password_error_message {
    color: red;
    font-weight: bold;
    margin-left: 100px;
    margin-top: 3px;
}
#btn_confirm {
    font-size: 18px;
    margin: 10px;
    padding: 7px 20px;
    border: solid 1px #b63131;
    background-color: #ffeaea;
    display: inline;
    word-spacing: 1px;
    letter-spacing: 1px;
}
#btn_cancel_unsubscribe {
    font-size: 15px;
    margin: 10px;
    padding: 5px 17px;
}
.subscribe_groups_class {
    border: solid 1px #adadad;
    top: 20px;
    left: 20px;
    background-color: white;
    position: relative;
    display: inline-table;
    padding: 15px;
    width: 27.4%;
    height: 200px;
    margin-right: 9px;
    margin-bottom: 18px;
    cursor: pointer;
    z-index: 0;
}
#choose_groups_section {
    margin-top: 25px;
    margin-bottom: -17px;
    width: 100%;
    padding: 10px;
    margin-left: -45px;
}
#choose_groups_section li {
    display: inline;
    margin-right: 1.5%;
    padding: 10px 20px; 
    border-radius: 3px;
}
#choose_groups_section a {
    font-size: 15px;
    text-decoration: none;
    color: black;
}
#li_my_groups {
    background-color: #cccccc;
    border: solid 1px gray;
    box-shadow: 1px 2px 5px #555555;
}
#li_subscribables {
    background-color: white;
    border: none;
    box-shadow: 1px 2px 5px #555555;
}
#li_visit_group {
    background-color: white;
    float: right;
    margin-top: -7px;
    background-color: #506b69;
    box-shadow: none;
}
.btn_goToGroup {
    padding: 3px 8px;
}
.txt_goToGroup {
    padding: 3px;
}
#p_no_group {
    width: 99%;
    background-color: white;
    opacity: .6;
    color: red;
    padding: 2px 7px;
    font-size: 20px;
    display: inline;
    float: right;
    margin-bottom: 30px;
}
.p_back {
    margin-right: 10px;
    z-index: 10000;
    float: right;
    display: inline;
    margin-top: 12px;
    margin-right: 15px;
}
.p_back a{
    color: black;
}
.up_img {
    float: right;
    display: inline;
    margin-right: 10px;
    z-index: 10000;
}
#back_bottom {
    margin-top: 17px;
    margin-right: 12px;
}
.subscribable_groups_class {
    top: 20px;
    left: 15px;
    position: relative;
    display: inline-table;
    padding: 15px;
    width: 28%;
    height: 180px;
    margin-right: 10px;
    margin-bottom: 20px;
    z-index: 0;
    border: solid 1px #dadada;
}
.group_title {
    padding: 0;
    font-family: 'Open Sans Condensed', sans-serif;
    margin-bottom: 10px;
    font-size: 18px;
    word-spacing: 1.7px;
    letter-spacing: 0.5px;
}
.group_description {
    position: relative;
    width: 99%;
    margin-top: 14px;
    text-align: left;
    letter-spacing: 1.8px;
    word-spacing: 1px;
}
.group_date {
    font-size: 10.5px;
    font-style: italic;
    position: absolute;
    padding: 8px;
    margin-top: 10px;
    z-index: 1;
    bottom: 0;
    right: 1px;
    letter-spacing: 0.25px;
    word-spacing: 2.2px;
}
.group_date_up {
    font-size: 10.5px;
    font-style: italic;
    position: absolute;
    padding: 8px;
    z-index: 1;
    bottom: 18%;
    right: 1px;
    letter-spacing: 0.25px;
}
.p_no_group {
    font-size: 15px;
    padding: 25px;
    word-spacing: 2px;
}
.btnSubscribe {
    font-family: sans-serif;
    padding: 10px;
    position: absolute;
    text-decoration: none;
    background-color: white;
    width: 100px;
    text-align: center;
    z-index: 1;
    bottom: 0;
    letter-spacing: 1px;
    left: 0;
}
.btnSubscribe:hover {
    border: solid 1px #d2d1d0;
}
.btnUnsub {
    position: absolute;
    text-decoration: none;
    background-color: burlywood;
    padding: 8px;
    margin-top: 10px;
    z-index: 1;
    bottom: 13px;
    letter-spacing: 1px;
    word-spacing: 1.7px;
    left: 0;
    bottom: 0;
}
#btnCannotUnsub {
    position: absolute;
    text-decoration: none;
    background-color: #79bfff;
    font-size: 12px;
    padding: 8px;
    bottom: 13px;
    letter-spacing: 1.3px;
}
#one_post {
    display: inline-table;
    width: 100%;
    margin-top: 30px;
    margin-bottom: -25px;
    height: 100%;
}
.date_box {
    float: left;
    margin-right: 10px;
    margin-top: -3px;
    margin-left: 3%;
    padding: 10px 0;
    text-align: center;
    width: 102px;
    height: 80px;
}
#date_text {
    font-size: 40px;
    margin-top: -8px;
    margin-bottom: -14px;
    margin-left: -3px;
}
#month_text {
    font-size: 19px;
    margin-top: 5px;
    margin-bottom: 5px;
}
#year_text {
    font-size: 15px;
    margin-top: -7px;
}
.post_img {
    float: left;
    margin-right: 20px;
    margin-left: 10px;
    margin-top: 4px;
}
.post_title2 {
    margin-bottom: 10px;
}
.post_title2 a {
    word-spacing: -1px;
    font-size: 21px;
    font-family: 'Open Sans Condensed', sans-serif;
    color: #0066aa;
}
.post_auth {
    word-spacing: -1px;
    margin-top: -10px;
    margin-bottom: 15px;
}
#p_no_post {
    display: block;
    margin-top: 14%;
    margin-left: 24px;
    font-weight: bold;
}
.post_summary_text {
    margin-left: 12%;
    letter-spacing: 1px;
    word-spacing: 1px;
    margin-top: 10px;
}
.post_summary_text a {
    text-decoration: underline;
}
#one_group_name {
    font-size: 28px;
    margin-bottom: 20px;
    padding: 20px;
    display: inline-table;
}
.back_img {
    display: inline-table;
    margin-left: 17px;
    margin-top: 13px;
}
#one_group_desc {
    font-size: 17px;
    word-spacing: 1px;
    margin-top: -38px;
    margin-bottom: 10px;
    padding: 20px;
    margin-left: 13px;
    margin-right: 15px;
}
.who_manage_inst {
    margin-bottom: 2px;
    font-size: 12px;
    line-height: 12px;
}
#admins_list_area {
    float: left;
    margin-top: -8px;
    margin-left: 20px;
    margin-bottom: 10px;
    width: 50%;
    padding: 13px;
}
#p_people_header {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}
.post_box {
    float: left;
    height: 100%;
    width: 73%;
    background-color: white;
    margin: 7px auto 50px auto;
    padding: 10px;
}
.btnViewFull {
    margin-top: 20px;
    margin-bottom: -25px;
    padding: 7px 13px;
    float: right;
    background-color: burlywood;
    border: none;
    border-radius: 3px;
    word-spacing: 2px;
}
.viewFull {
    font-size: 13px;
    color: #6e0505;
    font-weight: 500;
}

/*------------Footer---------------*/
#footer {
    position: fixed;
    text-align: center;
    background-image: url('../images/bg001.png');
    background-repeat: repeat;
    min-height: 40px;
    bottom: 0;
    width: 100%;
    box-shadow: 0px -3px 5px #555555;
    margin-top: 50%;
    margin-bottom: 0;
    min-width: 960px;
    z-index: 10000;
}
#footer label {
    position: relative;
    top: 10px;
    color:white; 
    font-size:16px; 
    font-family: 'Federo', sans-serif;
    font-weight: 900;
    text-shadow: 2px 1px #444444;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.page_header_groups {
    margin-top: 3%;
    padding-bottom: 10px;
    position: relative;
    z-index: 0;
    background-color: #506b69;
    display: inline-table;
    width: 100%;
    border-radius: 6px 6px 0px 0px;
    box-shadow: 0px 0px 5px #555555;
}
#home_header {
    position: relative;
    width: 100%;
    z-index: 1;
}
.p_header {
    font-family: 'Kaushan Script', sans-serif;
    font-size: 32px;
    padding-left: 20px;
    border-radius: 5px 5px 0 0;
    color: white;
    text-shadow: 2px 2px #444444;
    display: inline-table;
    width: 40%;
    margin-top: 3px;
}
.group_filters_div {
    color: #dce6e5;
    display: inline-table;
    width: 57%;
}
.group_filters_div p {
    color: #dce6e5;
    display: inline;
}
.group_filters_div ul {
    display: inline;
    margin-left: -20px;
}
.group_filters_div li {
    background-color: white;
    border-radius: 3px;
    padding: 4px 7px;
    color: #dce6e5;
    display: inline;
    margin-right: 11px;
}
.group_filters_div a {
    color: #0066aa;
    word-spacing: 2.2px;
}
.txtSearchGroup {
    display: inline;
    margin-left: 7px;
}
.p_view_by {
    margin-left: -55px;
}
.txtSearchGroup {
    font-size: 14px;
    border-radius: 4px;
    padding: 3px;
}
.ul_group_view_by {
    margin-right: 1%;
}
#subable_section_heading {
    display: inline;
}


/*------------programs----------- */
#programs{
    background: #f7f7f7;
    width: 100%;
    min-height: 450px;
    margin-bottom: 50px;
    padding-bottom: 20px;
}
#grad{
    background: #f7f7f7;
    margin-top: 10px;
    min-height: 150px;
    margin-bottom: 70px;
    padding-bottom: 40px;
}
.prog_course{
    position: relative;
    display: inline-block;
    width: 40%;
    /*padding:  -20px 10px 10px 10px;*/
    padding: 0 0 15px 0;
    left:4%;
    margin-left: 30px;
    vertical-align: top;
    /*letter-spacing: 1px;*/
    /*border: black solid thin;*/
}
.prog_course h1{
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 15px;
    font-family: 'Open Sans Condensed', sans-serif;
}
#programs hr{
    color: #dddddd;
}
/*-------Login-------*/
#loginContainer {
    position:relative;
    float:right;    
    font-size:12px;
}
/* Login Button */
#loginButton { 
    background-image: url('../images/bg001.png');
    background-repeat: repeat;
    /*border: solid thin #ffffff;*/
    cursor:pointer;
    right: 0;
    /*bottom: -25px;*/
    position: absolute;
    width: 100px;
    z-index: 1;
    top: -2px;
    padding-top: 2px;
    padding-bottom: 2px;
}
#loginButton:hover {
    z-index: 2;
    background: #3b3b3b;
}

/* Login Button Text */
#loginButton span {
    text-decoration: none;
    background:url(../images/loginArrow.png) no-repeat 60px 6px;
    display:block; 
    padding: 3px;
    padding-bottom: 5px;
    margin-left: 13px;
    cursor:pointer;
    color:white; 
    font-size:14px; 
    /*text-shadow:1px 1px #111111;*/ 
    letter-spacing: 1px;
    font-family: 'Federo', sans-serif;
    font-weight: bolder;
}
/* Login Box */
#loginBox {
    position:absolute;
    display:none;
    top: 27px;
    right: 0;
    z-index: 2;
}

/* If the Login Button has been clicked */    
#loginButton.active {
    border: solid thin #777777;
    border-bottom: 0px;
    z-index: 9999;
}

#loginButton.active span {
    background-position:60px -77px;
}

/* Login Form */
#loginForm {
    width:248px; 
    border: solid thin #777777;
    border-radius:3px 0 3px 3px;
    -moz-border-radius:3px 0 3px 3px;
    margin-top:-1px;
    background-image: url('../images/bg001.png');
    padding:6px;
    z-index: 9998;
}

#loginForm fieldset {
    margin:0 0 12px 0;
    display:block;
    border:0;
    padding:0;
}

fieldset#body {
    background:#fff;
    border-radius:3px;
    -moz-border-radius:3px;
    padding:10px 13px;
    margin:0;
}

#body label {
    color:#3a454d;
    margin:9px 0 0 0;
    display:block;
    float:left;
}

#loginForm #body fieldset label {
    display:block;
    float:none;
    margin:0 0 6px 0;
}

/* Default Input */
#loginForm input {
    width:92%;
    border:1px solid #899caa;
    border-radius:3px;
    -moz-border-radius:3px;
    color:#3a454d;
    font-weight:bold;
    padding:8px 8px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
}

/* Log In Button */
#loginForm #login {
    width: 60px;
    float:right;
    background:#339cdf url(../../images/loginbuttonbg.png) repeat-x;
    color:#fff;
    padding:7px 10px 8px 10px;
    text-shadow:0px -1px #278db8;
    border:1px solid #339cdf;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    margin:0 12px 0 0;
    cursor:pointer;
    padding:7px 2px 8px 2px; /* IE7 Fix */
}

#loginForm #login:hover {
    opacity: 0.7; 
}


/*-------------achievements--------------*/
#achievements {
    display: block;
}
.flipper{
    display: block;
    float: left;
    width: 45%;
    border-radius: 5px;
    margin: 20px;
    padding-left: 5px;
    border: solid black thin;
}
.flip div:first-child p{
    color: white;
}
.flip{
    background: #f7f7f7;
    border-radius: 5px;
}
.flip img{
    width: 435px;
    height: 200px;
    border-radius: 5px;
}
.flip div:first-child p:first-child{
    position: absolute;
    font-size: 18px;
    background: rgba(0,0,0,.6);
    color: white;
    width: 100%;
}
.flipper{
    width:430px;
    min-height:225px;
    position:relative;
    z-index:1;
    background: #f7f7f7;
    background: rgba(0,0,0,.5);
    -moz-perspective: 800px;
    -webkit-perspective: 800px;
    perspective: 800px;
}
.flip div{
    width:100%;
    min-height:200px;
    position:absolute;
    top:0;
    left:0;

    /* Enabling 3d space for the transforms */
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    /* When the forms are flipped, they will be hidden */
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

    /* Enabling a smooth animated transition */
    -moz-transition:0.8s;
    -webkit-transition:0.8s;
    transition:0.8s;
}
.flip div:first-child{
    z-index:100;
}
.back{
    z-index:1;
    opacity:0;
    background: #f7f7f7;
    min-height: 230px;
    max-height: 230px;
    -moz-transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg);
    overflow: scroll;
    overflow-x: hidden;
    word-spacing: 2px;
    border-radius: 5px;
}
.flip.flipped div:first-child{
    opacity:0;
    -moz-transform:rotateY(-180deg);
    -webkit-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
}
.flip.flipped .back{	
    opacity:1;
    -moz-transform:rotateY(0deg);
    -webkit-transform:rotateY(0deg);
    transform:rotateY(0deg);
}
.flip:hover{
    cursor: pointer;
}
/*--------------------------------EDIT PROFILE--------------------------------*/
#edit_profile_container {
    background: #ffffff;
    box-shadow: 5px 5px 5px #666666;
    padding: 20px;
    position: relative;
    margin-bottom: 50px;
    margin-top: 40px;
}
#edit_profile_form {
    background: #cccccc;
    margin: 0 auto;
    width: 100%;
}
#edit_profile_form label {
    font-size: 20px;
    margin-left: 25px;
}
#first_middle_label {
    width: 100%;
}
#idno, #edit_profile_form  #fname, #mname, #lname, #old_pass, #new_pass, #conf_pass, #email, #course, #dept {
    font-size: 20px;
    padding-left: 5px;
    margin-bottom: 10px;
    margin-left: 15px;
    width: 64%;
}
#idno {
    margin-left: 15px;
    margin-top: 15px;
    width: 20%;
}
#edit_profile_form #fname {
    left: 48px;
    position: relative;
}
#old_pass, #new_pass, #conf_pass {
    left: 124px;
    position: relative;
}
label[for="idno"], label[for="comp_name"] {
    position: relative;
    right: 10px;
}
#edit_profile_wrapper {
    margin: 0 auto;
    width: 50%;
}
#btn_save, #btn_cancel {
    background: #3399ff;
    border: none;
    color: #ffffff;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-top: 20px;
    padding: 10px 20px;
}
#btn_cancel {
    margin-left: 20px;
    text-decoration: none;
}
#btn_save:hover, #btn_cancel:hover {
    box-shadow: 5px 5px 5px #888888;
    cursor: pointer;
}
#edit_profile_form #btn_save, #edit_profile_form #btn_cancel {
    position: relative;
    left: 120px;
}
#message_container {
    background: #3399ff;
    color: #cc0000;
    font-size: 16px;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 20px;
    text-align: center;
    width: 50%;
}
#sideB {
    float: right;
    background-image: url('../images/bg001.png');
    background-repeat: repeat;
    position: relative;
    cursor:pointer;
    cursor:pointer;
    top: -2px;
    padding-top: 2px;
    padding-bottom: 2px;
    z-index: 1;
    right: 0;
}
#sideB span {
    text-decoration: none;
    display:block; 
    cursor:pointer;
    color:white; 
    font-size:14px;
    letter-spacing: 1px;
    font-family: 'Federo', sans-serif;
    font-weight: bolder;
    right: 0;
    padding: 5px 12px 5px 12px;
}
a:hover, a:visited, a:link, a:active {
    text-decoration: none;
    z-index: 2;
}
#sideB span:hover {
    background: #3b3b3b;
    z-index: 2;
}
#sideB.active {
    border-bottom: 0px;
}
#sideB.active span {
    background-position:53px -76px;
}
#subscribed_groups_id {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 27px;
    min-height: 70px;
    background: white;
    border-radius: 3px 3px 0 0;
    margin-bottom: 60px;
    box-shadow: 3px 3px 5px #555555;
}
#one_group_div {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
    padding-bottom: 27px;
    min-height: 70px;
    background: white;
    border-radius: 3px 3px 0 0;
    margin-bottom: 8%;
}

#subscribable_groups_id {
    padding-bottom: 6%;
    margin-bottom: 10%;
    background-color: white;
}

/***********************************Bulletin***********************************/
.location{
    position: relative;
    font-size: 12px;
    margin-top: 8%;
    font-style: italic;
}

.location span{
    font-weight: bold;
}
.menu_title{
    background: #c7c7c7;
    border-bottom: black solid thin;
    text-align: center;
    border-radius: 5px 5px 0 0;
    margin-bottom: 10px;
}
#bulletin_container {
    /*margin-top: 15px;*/
    background: white;
    margin-bottom: 60px;
}
#bulletin_sidebar {
    float: right;
    margin-top: 15px;
    width: 20%;
}
#notification_post, #year_filter {
    /*padding: 10px 0;*/
    margin-top: 15px;
    margin-bottom: 15px;
    border: black solid thin;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    border-radius: 5px 5px 0 0;
    padding-bottom: 10px;
}
.sub_group_name {
    margin: 0 auto;
    margin-bottom: 5px;
    text-align: center;
    width: 80%;
}
.sub_group_name a {
    color: #0066cc;
    /*background: #cccccc;*/
    /*box-shadow: 2px 2px 2px #555555;*/
    padding: 5px;
}
.sub_group_name a:hover {
    text-decoration: underline;
}
.year {
    margin-bottom: 5px;
    text-align: center;
}
.year a {
    color: #0066cc;
}
.year:hover {
    text-decoration: underline;
    cursor: pointer;
}
.months_list {
    display: none;
    padding-left: 20px;
}
.months {
    display: block;
}
.months:hover {
    color: #0066ff;
    font-weight: bold;
    text-decoration: underline;
}
.filter_year {
    margin: 0 auto;
    width: 90%;
}
#img_no_match {
    padding: 30px;
    display: inline;
}

#bulletin_post {
    float: left;
    margin-top: 15px;
    padding-bottom: 50px; 
    width: 78%;
    border-right: black solid thin;
}
.post {
    margin-bottom: 20px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: solid 1px gray;
}
.post:hover {
    background: #cccccc;
}
#full_story {
    background: #ffffff;
    box-shadow: 3px 3px 5px #555555;
    float: right;
    margin-top: 3px;
    position: relative;
    width: 100%;
}
#full_story_title {
    float: left;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    top: 50px;
}
#full_story_text {
    clear: both;
    font-size: 16px;
    margin: 20px auto;
    width: 85%;
}
#full_story_text p{
    text-indent: 15px;
    padding: 5px;
    word-spacing: 7px;
    line-height: 15px;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: 'Arimo',sans-serif;
    word-spacing: 2px;
    letter-spacing: 0.5px;
}
.date_pub{
    float: left;
    margin: 2%;
    padding: 3px 0px;
    text-align: center;
    width: 18%;
}
#full_story_date_pub {
    background: #0066cc;
    float: left;
    margin: 2%;
    padding: 5px 0;
    text-align: center;
    width: 11.3%;
}
.pub_day {
    font-size: 40px;
}
.pub_month {
    font-size: 17px;
    letter-spacing: 2px;
    margin-top: -4px;
    text-transform: uppercase;
}
.full_story_pub_month {
    font-size: 13px;
    color: #ffffff;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.full_story_pub_year {
    font-size: 20px;
    letter-spacing: 2px; 
}
.pub_year {
    font-size: 18px;
    letter-spacing: 2px;
    margin-top: -2px;
    margin-bottom: 5px;
}
.full_story_pub_year {
    color: #ffffff;
    font-size: 15px;
}
.full_story_pub_day {
    font-size: 35px;
    color: #ffffff;
}
.post_content {
    float: right;
    margin: 2% 2% 2% 0; 
    width: 75%;
}
.post_title {
    font-size: 20px;
    color: #0066aa;
}
.post_author, .post_time {
    font-size: 17px;
    font-style: italic;
    margin: 10px 0;
    text-indent: 30px;
}
.post_summary_wrapper {
    letter-spacing: 1.4px;
    word-spacing: 1.7px;
    line-height: 17px;
    height: 100%;
    width: 95%;
    margin-top: 15px;
}
.read_more {
    border: none;
    color: black;
    padding: 10px 20px;
    margin-top: 10px;
    float: right;
}
#no_match_found {
    float: right;
    font-size: 30px;
    letter-spacing: 5px;
    margin-top: 100px;
    width: 50%;
}
#back_image {
    height: 40px;
    margin-left: 20px;
    margin-top: 20px;
    width: 40px;
}
#back {
    bottom: 13px;
    margin-left: 7px;
    font-size: 18px;
    font-weight: bold;
    position: relative;
}

/*********************Pagination*********************/
#page_link {
    display: block;
    padding: 5px;
    text-align: center;
    color: white;
}
hr{
    width: 96%;
    margin: auto;
    margin-bottom: -10px;
}
#forbidden {
    position: relative;
    margin: 0 auto;
    background: white;
    width: 50%;
    margin-top: 5%;
    padding: 10px;
}
#forbidden h1, #forbidden p {
    position: relative;
    padding: 10px;
}
#forbidden h1 {
    position: relative;
    font-size: 25px;
}
#forbidden p {
    position: relative;
    border-top: solid thin #999999;
    text-align: center;
    margin: 0 auto;
    font-size: 18px;
}
#forbidden a {
    position: relative;
    background: #006291;
    text-align: center;
    color: white;
    margin: 0 auto;
    font-size: 18px;
    padding: 15px;
    bottom: 2px;
    left: 866px;
}
#separator {
    margin-top: 25px;
}
hr {
    color: gray;
}
#page_link a{
    color: #0066cc;
}
#page_link a:hover{
    text-decoration: overline;
}
#btn_cancel_subscribe {
    padding: 3px 16px;
}
#btn_confirm_subscribe {
    background-color: #f3ffec;
    border: solid 1px #709d57;
    padding: 5px 20px;
    margin-right: 8px;
    font-size: 16px;
    word-spacing: 3px;
    letter-spacing: 1px;
}